<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>无标题文档</title>
    <link href="/default/jquery-ui-1.8.18.custom.css" type="text/css" rel="stylesheet">
    <script src="/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/socket.io/socket.io.js"></script>
    <script src="/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="/js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="/js/jquery.ba-resize.js"></script>
    <script src="/js/new-thinking.js"></script>
    <script src="/js/template.js"></script>
    <script src="/js/im.js"></script>
    <link href="/default/imlist.css" type="text/css" rel="stylesheet">
    <link href="/default/new-thinking.css" rel="stylesheet"/>
    <link href="/css/register.css" rel="stylesheet"/>
    <link href="/default/qq.css" rel="stylesheet"/>
</head>

<body>
<div id="platform">
    <div class="wallpapers"></div>
</div>
<div id="windowtemplate" style="display:none;">
    <div id="${wid}" class="aerowincontainer"> {if custorm == 1}
        <div class="aerowindow active">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td class="tdbg tdtl"></td>
                    <td class="tdbg tdtm"></td>
                    <td class="tdbg tdtr"></td>
                </tr>
                <tr>
                    <td class="tdlm"></td>
                    <td class="tdbg tdmm">
                        <div class="win-header"
                             style="height:${header.height}px;display:{if header.show}block{else}none{/if}">
                            <div class="win-title">
                                {if icon !=''}<img src="${icon}" align="absmiddle">{/if}
                                <span>${title}</span>
                            </div>
                            <div class="win-btns">
                                {if btns.fold} <a href="#" class="foldbtn" id="${wid}_foldbtn"></a> {/if}
                                {if btns.minimize} <a id="${wid}-min" href="#" class="minbtn"></a> {/if}
                                {if btns.maximize} <a id="${wid}-max" href="#" class="maxbtn"></a> {/if}
                                {if btns.regular} <a id="${wid}-reg" href="#" class="regbtn"></a> {/if}
                                {if btns.closable} <a id="${wid}-close" href="#" class="closebtn"></a>
                                {/if}
                            </div>
                        </div>
                        <div class="win-toolbar"
                             style="height:${toolbar.height}px;display:{if toolbar.show}block{else}none{/if}">
                            ${toolbar.html}
                        </div>
                        <div class="win-container">
                            {if container != ''}
                                ${container}
                            {else}
                                <div class="win-content">
                                    {if mode == 'iframe'}
                                    <iframe src="about:blank" width="100%" height="100%" style="display:none; border: 0px;"
                                            frameborder="0" id="${wid}-iframe"></iframe>
                                    <div class="iframeHelper" style="display:none"></div>
                                    {else}
                                    ${content}
                                    {/if}
                                </div>
                            {/if}
                        </div>
                        <div class="win-statusbar"
                             style="height:${statusbar.height}px;display:{if statusbar.show}block{else}none{/if}">
                            ${statusbar.html}
                        </div>
                    </td>
                    <td class="tdrm"></td>
                </tr>
                <tr>
                    <td class="tdbg tdbl"></td>
                    <td class="tdbg tdbm"></td>
                    <td class="tdbg tdbr"></td>
                </tr>
            </table>
        </div>
        {else}
        ${content}
        {/if}
    </div>
</div>
<div id="iconcontianer" style="display:none">
    <li class="iconscontainer" id="${iconid}">
        <table cellpadding="0" cellspacing="0" border="0" title="${title}">
            <tr>
                <td class="bg-top"></td>
            </tr>
            <tr>
                <td class="bg-middle" align="center"><img src="${icon}" align="absmiddle"></td>
            </tr>
            <tr>
                <td class="bg-bg"><p>${title}</p></td>
            </tr>
            <tr>
                <td class="bg-bottom"></td>
            </tr>
        </table>
    </li>
</div>
<div id="taskbarhtml" style="display: none">
    <div class="aerotaskbar tskbg-hori horiBottom">
        <div class="startmenu-btn"></div>
        <div class="taskbarseparate"></div>
        <div class="taskbar-left">
            <ul class="mindesktopicons">
                <!--<li id="" class="taskbar-item" title=""><img src="default/Icons/icon_mail.png"></li>
                      <li id="" class="taskbar-item" title=""><img src="default/Icons/icon_mail.png"></li>-->
            </ul>
        </div>
        <div class="taskbarseparate"></div>
        <div class="taskbar-right">
            <ul class="appicons">
                <li title="Show or hide windows" class="showhideallwin"></li>
            </ul>
        </div>
    </div>
</div>
<!--<CDATA> <ul class="accordion" userid="${userid}">-->
<!--{for group in usergroup}-->
<!--<li class="files"><a href="#one">${group.name}<span>${group.online}/${group.total}</span></a>-->
<!--<ul class="sub-menu">-->
<!--{for item in group.list}-->
<!--<li id="${item.userid}"><a href="#"><em><img src="${item.icon}" width="26" height="26"/></em><strong class="name">${item.nickname}</strong><span>42</span></a></li>-->
<!--{/for}-->
<!--</ul>-->
<!--</li>-->
<!--{/for}-->
<!--</ul>-->
<!--</CDATA>-->
<div id="imlist" style="display:none">
    <div class="imcontainer">
        <div class="imsearch"></div>
        <div class="imnavbar">
            <ul>
                <li class="usergroup"><a href="javascript:;"><img src="default/icons/user1.png" width="24" height="24"></a></li>
                <li class="groups"><a href="javascript:;"><img src="default/icons/user_group.png" width="24" height="24"></a></li>
                <li class="contact"><a href="javascript:;"><img src="default/icons/send.png" width="24" height="24"></a></li>
            </ul>
        </div>
        <div class="imlistbox"  userid="${userid}">
            <ul class="accordion usergroup" userid="${userid}">
                {for ugroup in usergroup}
                <li><a href="javascript:;" class="ugl">${ugroup.name}<span>${ugroup.online}/${ugroup.total}</span></a>
                    <ul class="sub-menu">
                        {for item in ugroup.list}
                        <li uid="${item.userid}"><a href="#"><em><img src="${item.icon}" width="26"
                                                                     height="26"/></em><strong class="uname">${item.nickname}</strong><span>42</span></a>
                        </li>
                        {/for}
                    </ul>
                </li>
                {/for}
                <!--<li class="files"><a href="#one">group1<span>10/100</span></a>-->
                <!--<ul class="sub-menu">-->
                <!--<li id=""><a href="#"><em><img src="default/icons/default.png" width="26" height="26"/></em><strong class="name"></strong><span>42</span></a></li>-->
                <!--</ul>-->
                <!--</li>-->
                <!--<li class="files"><a href="#one">group2<span>50/100</span></a></li>-->
            </ul>
            <ul class="accordion groups" userid = ${userid}>
                {for group in groups}
                    <li gobjid="${group._id}"><a href="#one" class="ugl">${group.name}<span></span></a>
                    <ul class="sub-menu">
                        {for item in group.item}
                        <li gid="${item.groupid}"><a href="#"><em><img src="${item.icon}" width="26"  height="26"/></em><strong class="gname">${item.name}</strong><span>0/${item.maxuser}</span></a>
                        </li>
                        {/for}
                    </ul>
                {/for}
            </ul>
            <ul class="accordion other">
            </ul>
        </div>
    </div>
</div>
<!--        <li><a href="#"><em>02</em>Skydrive<span>87</span></a></li>
            <li><a href="#"><em>03</em>FTP Server<span>366</span></a></li>
            <li><a href="#"><em>04</em>Dropbox<span>1</span></a></li>
            <li><a href="#"><em>05</em>Skydrive<span>10</span></a></li>-->


<div id="chatwindow" style="display:none">
    <div class="chatbox">
        <div class="chatleft">
        <div class="chat-window">
            <div class="chating-item">
                <!--      <ul class="talkto">
                          <li><a href="javascript:;">王旭</a></li>
                          <li><a href="javascript:;">东升</a></li>
                      </ul>-->
            </div>
            <div class="chat-content">
                <div class="leftd">
                    <div class="leftimg"><img src="default/Icons/help.png" style="float:left;"/></div>
                    <div class="speech left">
                        你好!在晚上好!我在!明天早上8点要开会!晚上好!我在!明天早上8点要开会!晚上好!我在!明天早上8点要开会!晚上好!我在!明天早上8点要开会!晚上好晚上好!我在!明天早上8点要开会!晚上好!我在!明天早上8点要开会!
                    </div>
                </div>
                <div class="rightd">
                    <div class="rightimg"><img src="default/Icons/help.png" style="float:left;"/></div>
                    <div class="speech right">
                        晚上好!我在!明天早上8点要开会!晚上好!我在!明天早上8点要开会!晚上好!我在!明天早上8点要开会!晚上好!我在!明天早上8点要开会!晚上好晚上好!我在!明天早上8点要开会!晚上好!我在!明天早上8点要开会!
                    </div>
                </div>
                <div class="leftd">
                    <div class="leftimg"><img src="default/Icons/help.png" style="float:left;"/></div>
                    <div class="speech left"> 请把资料准备好!</div>
                </div>
                <div class="rightd">
                    <div class="rightimg"><img src="default/Icons/help.png" style="float:left;"/></div>
                    <div class="speech right"> 好的!</br>
                        没问题!</br>
                        搞定了
                    </div>
                </div>
            </div>
        </div>
        <div class="chat-input">
            <div class="chatarea"><textarea class="chatcontent"></textarea></div>
        </div>

        <div class="chatmenubar">
            <div class="menubar-title">
                <a class="menubar-item ctb01" href="javascript:;"></a>
                <a class="menubar-item ctb02" href="javascript:;" title="选择文件"></a>
                <a class="menubar-item ctb03" href="javascript:;" title="选择附件"></a>
                <label class="chat-log"> <a href="chat.htm" target="_blank">聊天记录</a></label>
            </div>
        </div>
        <div class="chat-bottom">
            <ul>
                <li>some tip</li>
                <li class="sendmsgbtn">
                    <a href="javascript:;">&nbsp;</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="chatright">
        {if flag !=='private'}
        <div class="placard"></div>
        <div class="grouplist">
            <div class="gtitle">
                <label class="gheader">成员列表</label>
            </div>
            <div class="numberlist">
                <ul>
                    {for nm in number}
                    <li>
                        <a href="javascript:;" class="bak"></a>
                        <a href="javascript:;" id="user-${nm.userid}">
                            <label class="online"></label>
                            {if (nm.icon!='')}
                            <img src="${nm.icon}"/>
                            {/if}
                            <span>${nm.nickname}</span>
                        </a>
                    </li>
                    {forelse}
                    <li class="choosed">
                        <a href="javascript:;" class="bak"></a>
                        <a href="javascript:;" id="g-111">
                            <label class="online"></label>
                            <img src="default/head/2013.jpg"/><span>刘秀</span>
                        </a>
                    </li>
                    {/for}
                </ul>
            </div>
        </div>
        {else}
        <div class="userinfo">
            <img src="${icon}" width="120" height="120"/>
            <div class="detaildesc">
                <ul>
                    <li><a href="javascript:;">发送短信</a></li>
                    <li><a href="javascript:;">发送邮件</a></li>
                    <li><a href="javascript:;"></a></li>
                    <li><a href="javascript:;"></a></li>
                </ul>
            </div>
        </div>
        {/if}
    </div>

    <div style="clear: both;"></div>
</div>
</div>


<div id="loginhtml" style="display: none">
    <div class="signup_container">

        <h1 class="signup_title">${title}</h1>
        {if icon!=''}
        <img src="${icon}" id="admin"/>
        {/if}
        <div id="signup_forms" class="signup_forms clearfix">
            <div class="form_row first_row">
                <label for="signup_email">${username}</label>

                <div class="tip ok"></div>
                <input type="text" name="username" placeholder="${username}" id="signup_name"
                       data-required="required">
            </div>
            <div class="form_row">
                <label for="signup_password">${password}</label>

                <div class="tip error"></div>
                <input type="password" name="password" placeholder="${password}" id="signup_password"
                       data-required="required">
            </div>
            <!--<div class="form_row">-->
            <!--<input type="text" name="user[password]" placeholder="" id="signup_select" value=""-->
            <!--data-required="required">-->
            <!--<img src="images/d.png" id="d"/>-->
            <!--<ul>-->
            <!--<li>管理员</li>-->
            <!--<li>用户1</li>-->
            <!--<li>用户2</li>-->
            <!--</ul>-->
            <!--</div>-->
        </div>
        <div class="login-btn-set">
            <div class="rememberme">记住我</div>
            <!--<a href="javascript:void(0)" class="login-btn"></a></div>-->
            <input class="login-btn" value="${button}" type="button">

            <div style="clear:both"></div>
            <span class="copyright">IM开发,已注册请<a href="#" class="imlogin">登录</a>,没有请<a href="#" class="imregister">注册</a> </span>
        </div>
    </div>
</div>

<div id="userheader" style="display: none">
    <div class="userheader">
        <li class="icon">
            <label></label>
            <img src="${icon}"/>
        </li>
        <li class="headerright">
            <strong>${nickname}</strong>
            <p class="shuoshuo">可以在这儿随便儿写点什么…… </p>
        </li>
    </div>
</div>
</body>
</html>
